/*
# ------------------------------------------------------------------------
# JA Rasite template for Joomla 1.5
# ------------------------------------------------------------------------
# Copyright (C) 2004-2010 JoomlArt.com. All Rights Reserved.
# @license - PHP files are GNU/GPL V2. CSS / JS are Copyrighted Commercial,
# bound by Proprietary License of JoomlArt. For details on licensing, 
# Please Read Terms of Use at http://www.joomlart.com/terms_of_use.html.
# Author: JoomlArt.com
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
# Redistribution, Modification or Re-licensing of this file in part of full, 
# is bound by the License applied. 
# ------------------------------------------------------------------------
*/

/*===========
template.css
=============*/

/* COMMON STYLE
--------------------------------------------------------- */
html { direction: rtl; }

th { text-align: right; }

a.readon { float: right; }

/* List ---*/
.column ul li {
	background-position: 99% 8px;
	padding-right: 20px;
	margin-left: 0; margin-right: 0;
}

.column ol li { margin-left: 0; margin-right: 30px; }

/* FORM
--------------------------------------------------------- */
/* Login ---*/
.login_form label,.form-register label,.user-details label {
	text-align: left;
	float: right;
}

.login_form .inputbox, .form-register .inputbox, .user-details .inputbox {
	margin-left: 0;
	margin-right: 10px;
}

.login_form .button, .form-register .button, .user-details .button {
	margin-left: 0;
	margin-right: 140px;
}

.form-register label {
	margin-left: 10px !important;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
/* Meta ---*/
.article-meta { float: right; }

.article-meta * { float: right; }

.createby, .createdate {
	background-position: center left; 
	padding: 0px 0px 3px 5px;
}

.buttonheading { float: left; }

.buttonheading img { float: left; }

.img_caption.left {
	float: right !important;
	margin-right: 0;
	margin-left: 1em;
}

.img_caption.right {
	float: left !important;
	margin-right: 1em;
	margin-left: 0;
}

.article-image {
	float: right;
	margin-left: 10px;
	margin-right: 0px;
}

.article-main {
	float: left;
}

h1.fp-componentheading {
	background: url(../images/h3-bg.gif) no-repeat top right;
	margin: 0 -16px 10px 0 !important;
	padding-left: 0px !important;
	padding-right: 20px;
	text-align: right;
}

h1.fp-componentheading span {
	background: url(../images/h3-bg.gif) no-repeat top left;
	direction: ltr;
}

h1.fp-componentheading strong.first-word {
	direction: rtl;
}

#component-contact img {
	float: left;
}

/* Content Toc */
table.contenttoc { float: left; }

/* Poll */
dl.poll dt, dl.poll dd { float: right; }

dl.poll dt { clear: right; text-align: left; margin-left: 5px;}

dl.poll dd { clear: left; }

table.pollstableborder { text-align: right; }

/* Pagination ---*/
ul.pagination { float: right; }

ul.pagination li { float: right; display: block; padding-right: 0; }

ul.pagination a { }

.sortby .filter, .sortby .display { float: right; width: 40%; text-align: right; }

.sortby .display { float: right; text-align: right; }

.counter { float: left; text-align: left; }

.blog_more ul li {
	background: url(../images/bullet.gif) no-repeat 99% 8px;
	padding-left: 0; padding-right: 20px; 
}

/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable h3, div.moduletable h3 {
	background: url(../images/h3-bg.gif) no-repeat top right;
	margin: 0 -15px 10px 0;
	padding: 0 15px 0 0;
	text-align: right;
}

div.ja-moduletable h3 span, div.moduletable h3 span {
	background: url(../images/h3-bg.gif) no-repeat top left;
	direction: ltr;
}

div.ja-module h3, div.module h3,
div.module_menu h3, div.module_text h3 {
	background: url(../images/h3-bg2.gif) no-repeat top right;
	padding-left: 0px;
	padding-right: 10px;
	text-align: right;
}

div.ja-module h3 span, div.module h3 span,
div.module_menu h3 span, div.module_text h3 span {
	background: url(../images/h3-bg2.gif) no-repeat top left;
	direction: ltr;
}

div.moduletable h3 strong.first-word,
div.module h3 strong.first-word {
	direction: rtl;
}

/* Poll Module ---*/
form.poll fieldset input { text-align: right; }
form.poll .button { margin-right: 0; margin-left: 5px; }

/* Advertisement ---*/
div.bannergroup_text div.bannerfooter_text { text-align: left; }

/* text */
div.module_text span { float: right; }

/* Search Module ---*/
#ja-search {
	padding-right: 20px;
	padding-left: 0;
	background-position: right center;
	left: 15px;
	right: auto;
}

/* Badge Module ---*/
.badge {	background-image: url(../images/rtl/icon-badge2.png); right: auto; left: 0; }

/* Module list ---*/
div.ja-moduletable ul li, div.ja-module ul li {
	padding-left: 0;
	padding-right: 12px;
	background-position: right 8px;
}

/* Layout ---*/
.ja-inset2 { overflow: visible !important; }
.ja-inset2 div.ja-moduletable h3, .ja-inset2 div.moduletable h3 {
	margin-left: 0;
}

/* HEADER
--------------------------------------------------------- */
#ja-header .main { background-position: top left; }

h1.logo, div.logo-text { float: right; margin-right: 10px; }

/* Header mask ---*/
.ja-headermask { right: auto; left: -1px; }

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
span.has-image {
	padding-left: 0;
	padding-right: 25px;
	background-position: right 2px;
}

/* Sub Nav ---*/
#ja-subnav li {
	border-left: 0;
	border-right: 1px dotted #999;
	float: right;
	padding: 0 11px 0 10px;
}

#ja-subnav li.first-item { border-right: 0; }

/* Sub Nav (lv2) ---*/
#ja-subnav ul li ul { display: none;}

#ja-subnav ul li.hover ul { left: auto; right: auto; display: block; }

#ja-subnav ul li.haschild a {
	background-position: right center;
	background-image: url(../images/rtl/arrow.png);
	padding-right: 12px;
	padding-left: 0;
}

#ja-subnav ul li.haschild a:hover { background-image: url(../images/arrow3.png); }

#ja-subnav ul li.haschild li a, #ja-subnav ul li.hover li a { padding-left: 0; }

#ja-subnav ul li ul li { border-right: 0; text-align: right; }

/* Breadcrumbs ---*/
.ja-breadcrums { text-align: right; float: right; margin-left: 0; margin-right: 10px; }

.ja-breadcrums * { float: right; }

.ja-breadcrums img { display: none; }

.ja-breadcrums a { padding-left: 20px; background: url(../images/rtl/arrow.png) no-repeat 8px center; }

.ja-breadcrums span.name { padding-right: 2px; }

.ja-breadcrums strong { margin-right: 0; margin-left: 5px; }

/* Extras ---*/
.ja-links { float: left; }

.ja-links li.top a {
	background-position: 90% center;
	padding-right: 17px;
	padding-left: 5px;
}

/* Default Joomla! Menu ---*/
#ja-container ul.menu li ul { margin: 0 10px 0 0; }
#ja-container ul.menu li li {
	background-image: url(../images/rtl/arrow.png);
	background-position: right 12px;
}

.ja-mass-top .ja-moduletable h3 {
	margin-left: 8px;
	margin-right: -8px;
}

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl li, #ja-botsl li {
	background-position: 99% 8px;
	padding-left: 0; 
	padding-right: 15px;
}

#ja-topsl ol li, #ja-botsl ol li { margin-left: 0; margin-right: 25px; }

/* Bottom spotlight ---*/
#ja-botsl ul li {
	background-position: right center;
	padding: 5px 10px 5px 0;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footer .main { background-position: 78% 0; }
#ja-footer .inner { float: right; clear: both; padding-right: 195px; padding-left: 0; }
#ja-footer small { color: #666; font-size: 100%; }

/* Foot Links ---*/
#ja-footer .ja-footnav { float: right; }
.ja-footnav ul { }

#ja-poweredby { right: 15px; left: auto; }

/* MISCELLANOUS
----------------------------------------------------------- */
/* User Tools ---*/
ul.ja-usertools-font { left: 20px; right: auto; }
ul.ja-usertools-screen  { left: 90px; right: auto; }

.ja-contentslide-buttonwrap {
	left: 16px;
	right: auto;
}

.ja-innerdiv img {
	float: right;
	margin: 0 0 0 10px;
}


/*==========
typo.css
============*/
/* SPECIAL CONTENT
-----------------------------------------------------------------*/
/* Pre, Code ---*/
pre, .code { border-left: 0; border-right: 5px solid #ccc; }

/* Dropcap ---*/
.dropcap { float: right; padding: 7px 0 0 8px; }

/* Tips, Error, Message, Hightlight ---*/
p.error, p.message, p.tips, p.rss, p.key, p.tag, p.cart, p.note, p.photo, p.doc, p.mobi {
	padding-left: 0;
	padding-right: 25px;
}

p.error span.icon, p.message span.icon, p.tips span.icon, p.rss span.icon, p.key span.icon,
p.tag span.icon, p.cart span.icon, p.note span.icon, p.photo span.icon, p.doc span.icon, p.mobi span.icon {
	right: 0;
}

/* Special list style ---*/
ul.checklist li, ul.star li, ul.arrow li,
ul.address li, ul.phone li, ul.email li {
	margin-left: 0;
	margin-right: 8px;
	padding: 0 22px 0 0;
}

ul.checklist span.icon, ul.star span.icon, ul.arrow span.icon,
ul.address span.icon, ul.phone span.icon, ul.email span.icon {
	right: 0;
}

ul.arrow span.icon {
	background-image: url(../images/rtl/icons-arrow.png);
	background-position: left top;
}

ul.bookmark-links li {
	background-position: right 10px !important;
	padding: 5px 10px 5px 0 !important;
}

/* Big Number ---*/
p.blocknumber { padding: 5px 55px 5px 0 !important; }

.bignumber-1, .bignumber-2, .bignumber-3 { right: 0; }

/* Talking box. Thinking box. ---*/
div.bubble span.arrow {
	margin-left: 0;
	margin-right: 20px;
}

div.bubble span.author {
	background-position: 99% 3px;
	padding-left: 0;
	padding-right: 25px;
}

/* Box style ---*/
.box-sticky, .box-download {
	background-position: 99% center;
	padding-left: 0 !important;
	padding-right: 50px !important;
}

/* Legend ---*/
.legend-title { float: right; left: auto; right: 7px; }

/* OTHERS
--------------------------------------------------*/
div.ja-adv span.sponsor { text-align: left; }

/* Slideshow 2 ---*/
.ja-slide-thumb-inner img,
.active .ja-slide-thumb-inner img {
	float: right;
	margin: 15px 0 0 10px;
}

/* Content slider ---*/
.ja-slidenews-item span.image-desc {
	float: right;
	margin: 3px 0 0 10px;
}

/* JA Tabs content ---*/
#ja-tabs img {
	float: right;
	margin: 5px 0 0 10px;
}

/*==========
menu/*.css
============*/

/* SPLIT + DROPLINE
----------------------------------------------------------- */
#ja-splitmenu, #jasdl-mainnav,
#ja-splitmenu li, #jasdl-mainnav li { float: right; }

/* CSS + MOO
----------------------------------------------------------- */
#ja-cssmenu { float: right; }

#ja-cssmenu li { float: right; }

#ja-cssmenu li li { padding: 0 0 0 1em; }

#ja-cssmenu li > ul {
	left: auto;
	display: none;
}

#ja-cssmenu li:hover ul ul, #ja-cssmenu li:hover ul ul ul,
#ja-cssmenu li.sfhover ul ul, #ja-cssmenu li.havechildsfhover ul ul, #ja-cssmenu li.havechild-activesfhover ul ul, #ja-cssmenu li.activesfhover ul ul,
#ja-cssmenu li.sfhover ul ul ul, #ja-cssmenu li.havechildsfhover ul ul ul, #ja-cssmenu li.havechild-activesfhover ul ul ul, #ja-cssmenu li.activesfhover ul ul ul {
	display: none;
	left: auto;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#ja-cssmenu li:hover ul, #ja-cssmenu li li:hover ul, #ja-cssmenu li li li:hover ul,
#ja-cssmenu li.sfhover ul, #ja-cssmenu li.havechildsfhover ul, #ja-cssmenu li.havechild-activesfhover ul, #ja-cssmenu li.activesfhover ul,
#ja-cssmenu li li.sfhover ul, #ja-cssmenu li li.havesubchildsfhover ul, #ja-cssmenu li li.havesubchild-activesfhover ul, #ja-cssmenu li li.activesfhover ul,
#ja-cssmenu li li li.sfhover ul, #ja-cssmenu li li li.havesubchildsfhover ul, #ja-cssmenu li li li.havesubchild-activesfhover ul, #ja-cssmenu li li li.activesfhover ul {
	display: block;
	left: auto;
}

#ja-cssmenu li ul ul {
	margin: -2em 14em 0 0; /* third-and-above-level lists */
}

#ja-cssmenu li.havesubchild,
#ja-cssmenu li.havesubchild-active {
	background-position: 6% 50%;
	background-image: url(../images/rtl/arrow.png);
}

/* MEGA MENU
----------------------------------------------------------- */
ul.level0 { float: right; }

ul.level0 li.mega { float: right; }

ul.level0 li.mega .has-image {
	padding-left: 0;
	padding-right: 25px;
	background-position: right top;
}

ul.level0 li.haschild a.mega span.menu-title,
ul.level0 li.haschild-over a.mega span.menu-title {
	background-position: right top;
	padding-left: 0;
	padding-right: 12px
}

ul.level0 li.haschild a.mega span.menu-desc,
ul.level0 li.haschild-over a.mega span.menu-desc {
	padding-left: 0;
	padding-right: 12px;
}

.ja-megamenu li.mega .childcontent,
.ja-megamenu li.haschild-over li.mega .childcontent,
.ja-megamenu li.mega li.haschild-over li.mega .childcontent ,
.ja-megamenu li.mega li.mega li.haschild-over li.mega .childcontent, 
.ja-megamenu li.mega li.mega li.mega li.haschild-over li.mega .childcontent, 
.ja-megamenu li.mega li.mega li.mega li.mega li.haschild-over li.mega .childcontent {
	left: auto;
	display: none; /*hide the menu*/
}

.ja-megamenu li.haschild-over .childcontent,
.ja-megamenu li.mega li.haschild-over .childcontent,
.ja-megamenu li.mega li.mega li.haschild-over .childcontent,
.ja-megamenu li.mega li.mega li.mega li.haschild-over .childcontent,
.ja-megamenu li.mega li.mega li.mega li.mega li.haschild-over .childcontent,
.ja-megamenu li.mega li.mega li.mega li.mega li.mega li.haschild-over .childcontent {
	left: auto; /*show on parent:hover*/
	display: block;
}

ul.level1 li.mega { float: none; }

ul.level1 .childcontent { margin: -2em 140px 0 0; }

ul.level1 li.mega a.mega span.menu-title { padding-right: 0; }

ul.level1 li.haschild {
	background-position: 5% center;
	background-image: url(../images/rtl/arrow.png);
}

ul.level1 li.over, ul.level1 li.haschild-over { background: #444444; }

ul.level1 li.group { background: none; }

ul.level1 .childcontent .tr { background-image: url(../images/mega-corner2.png) !important; }

.childcontent .ja-moduletable li { background-position: right 7px !important; }

.childcontent .top {
	margin: 0 45px 0 13px;
}

.childcontent-inner-wrap {
	position: relative;
}

.childcontent .tl {
	background: url(../images/mega-corner-rtl.png) no-repeat left top;
	width: 23px;
	left: -23px;
}

.childcontent .tr {
	background: url(../images/mega-corner-rtl.png) no-repeat right top;
	width: 55px;
	right: -55px;
}
/** ja slideshow 2 **/
.ja-slide-item {
	float: right;
}
